---
title: Toggles
description: Application UI toggle components built with Tailwind CSS v4. These responsive, customizable toggles are perfect for forms, settings, and user preferences in modern web applications. Enhance accessibility, SEO, and mobile usability with these interactive UI elements.
emoji: 🎚
wrapper: h-[200px]
container: p-6 flex justify-center
terms:
  - toggle
  - switch
  - accessibility
components:
  - { title: 'Base', creator: 'Aniket1026', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Base with icon', creator: 'Aniket1026', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Material', creator: 'GlintonLiao', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Apple', creator: 'GlintonLiao', dark: true, plugins: ['@tailwindcss/forms'] }
---

# Toggle Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
